<template>
  <div class="box">
    <div class="firstBox">
      <page-component :key="first" />
    </div>
    <div class="secondBox">
      <second-page-component :key="second" />
    </div>

  </div>
</template>
<script>

import PageComponent from '@/views/dataManagement/components/pageComponent'
import SecondPageComponent from '@/views/dataManagement/components/secondPageComponent'
export default {
  components: { SecondPageComponent, PageComponent },
  data() {
    return {
      first: 'first',
      second: 'second'
    }
  }
}
</script>
<style scoped>
.box{
  background-color: #1b275e;
  display: flex;
  flex-direction: column;
}
.firstBox {
  flex: 1;
  /*border-style: solid;*/
  /*border-color: white;*/
}
.secondBox {
  flex: 1;
  /*border-style: solid;*/
  /*border-color: white;*/
}
</style>
